<template>
	<div>
		<activitiesbanner :bannerdata="list" :screenHeight="screenHeight" :bannerid="bannerid"></activitiesbanner>
	</div>
</template>
<script>
	import activitiesbanner from "../../../components/activitiesbanner";
	export default {
		props: {
			list: {
				type: Array,
				default: () => []
			},
			screenHeight: {
				type: String,
				default: ""
			},
			bannerid: {
				type: String,
				default: ""
			}
		},
		data() {
			return {
				arraydata: {},
			}
		},
		methods: {
			onedata() {
				if(this.list) {
					this.arraydata = this.list[0] ? this.list[0] : {};
				}
			},
		},
		watch: {
			list(data) {
				this.onedata()
			}
		},
		components: {
			activitiesbanner
		},
		created() {
			
		},
		mounted() {
			this.onedata()
		},
	}
</script>
<style scoped>

</style>